<!--
 * @Author: WangGuojian 1085844536@qq.com
 * @Date: 2023-09-14 18:57:32
 * @LastEditTime: 2023-09-16 11:21:13
 * @LastEditors: WangGuojian 1085844536@qq.com
 * @FilePath: \html\code\1_HTML\30_表单_label标签.html
 * @Description:
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <form action="https://search.jd.com/search">
            <label for="zhanghu">账户:</label>
            <input id="zhanghu" type="text" name="account" maxlength="10" />
            <br />
            <label>
                密码:
                <input id="mima" type="password" name="pwd" maxlength="6" />
            </label>
            性别:
            <input type="radio" name="gender" value="male" id="nan" />
            <label for="nan">男</label>
            <label>
                <input type="radio" name="gender" value="female" />女
            </label>
            <br />
            爱好:
            <label>
                <input type="checkbox" name="hobby" value="smoke" />抽烟
            </label>
            <label>
                <input type="checkbox" name="hobby" value="drink" />喝酒
            </label>
            <label>
                <input type="checkbox" name="hobby" value="perm " />烫头
            </label>
            <br />
            <label for="qita">其他:</label>
            <textarea id="qita" name="other" cols="23" rows="3"></textarea>
            <br />
            <label>
                籍贯:
                <select name="place">
                    <option value="冀">河北</option>
                    <option value="鲁">山东</option>
                    <option value="晋">山西</option>
                    <option value="粤">广东</option>
                </select>
            </label>
            <input type="hidden" name="form" value="toutiao" />
            <br />
            <input type="submit" value="确认" />
            <input type="reset" value="点我重置" />
            <input type="button" value="检测账户是否被注册" />
        </form>
    </body>
</html>
